<template>
	 <router-link to="/need" class="to-need">需求登记<span></span></router-link>
</template>

<script>
	export default{

	}
</script>

<style scoped>
	.fixed-bottom{
		position: fixed;
		bottom: 6px;
		left: 15px;
		right: 15px;
		height: 40px;
		overflow-y: hidden;
	}
	.fixed-bottom a{
		display: block;
		width: 49%;
		height: 40px;
		line-height: 40px;
		text-align: center;
		font-size: 16px;
		color: #fff;
		border-radius: 3px;
	}
	a.to-need{
		float: left;
		background-color: #d20212;
	}
	a.to-factory{
		float: right;
		background-color: #0074c6;
	}
	.to-need{
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        color: #fff;
        text-align: center;
        background-color: #d20212;
    }
    .to-need span{
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
    }
    .to-need span:before{
        position: absolute;
        top: 11px;
        right: auto;
        bottom: auto;
        left: 4px;
        z-index: 10;
        display: block;
        content: "";
        width: 6px;
        height: 6px;
        border-width: 2px 2px 0 0;
        border-style: solid;
        border-color: #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
</style>